<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link href="/css/diststyle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/htmleafdemo.css">
    <script src="/js/jquery.js"></script>
    <!-- <script>
        window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')
    </script> -->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/timeUtils.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/index.js"></script>

</head>

<body>
    <div class="index">
        <div class="header-nav">
            <div class="fl nav-title">管理信息系统</div>
            <div class="fr  ">
                <div class='fl img-box cursor'>
                    <img id="user-img" class="auto-img" src="" alt="">
                </div>
                <div class="fl nav-text " id="username">昵称</div>
                <div class="fl nav-text cursor">设置</div>
                <div class="fl nav-text cursor" id="esc-user">退出</div>
            </div>
        </div>
        <div class="content-box">
            <div class="aside">
                <div class="demo">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-6">
                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix " role="tab" id="headingOne">
                                            <h4 class="panel-title">
                                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-delicious" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp分类管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                            <div class="panel-body">

                                                <p>分类列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTwo">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                                                    <!-- <span><i class="fa fa-delicious" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp分类管理 -->
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp商品管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                            <div class="panel-body">
                                                <p>基本商品库</p>
                                                <p>添加商品</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingThree">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-google-wallet" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp财务管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-google-wallet" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp财务管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                            <div class="panel-body">
                                                <p>财务报表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFour">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-bar-chart" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp报表管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-bar-chart" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp报表管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                                            <div class="panel-body">
                                                <p> 订单分析</p>
                                                <p> 订单列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFive">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-print" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp打印管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-print" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp打印管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                            <div class="panel-body">
                                                <p>进货单打印</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSix">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp货源管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp 基础管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                                            <div class="panel-body">
                                                <p>添加货源</p>
                                                <p>总货源管理</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSeven">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-font" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-font" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp字体库管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                                            <div class="panel-body">
                                                <p>订单详情</p>
                                                <p>自建订单</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingEight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-th" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp营销管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-th" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp其他管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
                                            <div class="panel-body">
                                                <p>广告管理分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingNeight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNeight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-link" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp联系我们</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseNeight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNeight">
                                            <div class="panel-body">
                                                <p>联系我们</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTen">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-code" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp模块开发中</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-code" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp模块开发中 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
                                            <div class="panel-body">
                                                <p>模块开发中</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contents fl">
                <div class="contents-search">
                    <div>商品类型</div>
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请搜索类型名称" aria-describedby="basic-addon2" id="typename1">
                        <span class="input-group-addon" id="basic-addon2">搜索</span>
                    </div>

                </div>
                <button type="button" class="btn btn-warning1 btn-warning" data-toggle="modal" data-target="#exampleModal">添加商品类型</button>
                <div class="mytable">
                    <table class="table">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">序号</th>
                                <th scope="col">类型名称</th>
                                <th scope="col">状态</th>
                                <th scope="col">添加时刻</th>
                                <th scope="col">更新时刻</th>
                                <th scope="col">操作</th>

                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>


                <ul class="pagination fenye">
                    <span id="prevpage" class="fr ">上一页</span>
                    <li class="page-item active " id="item1" aria-current='current'><a class="page-link" href="javascript:;">1</a></li>
                    <span id="nextpage" class="fr ">下一页</span>
                    <span id="totalpage1" class="">共<span id="totalpage">8</span>页</span>
                </ul>


                <!-- Modal -->
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">添加商品类型</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="typename">请输入商品分类</label>
                                    <input type="text" class="form-control" id="typename" aria-describedby="emailHelp">
                                    <!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" id="preserve-shoptype">保存</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>